<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .pinfo{
            color: #CCCCCC;
        }
    </style>
</head>
<body>
    <div align="center">
        <p class="pinfo">当前 <span th:text="${pageInfo.cpage}"></span> 页,总 <span th:text="${pageInfo.totalPage}"></span> 页,共 <span th:text="${pageInfo.totalRow}"></span> 条记录</p>
            <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;border: none;line-height: 20px;border-radius: 5px;" class="btn preBtn" th:onclick="|serach(1)|" value="首页">
        <span th:if="${pageInfo.cpage -1 > 0}">
             <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;border: none;line-height: 20px;border-radius: 5px;" class="btn preBtn" th:onclick="|serach(${pageInfo.cpage}-1)|" value="上一页">
        </span>
        <span th:if="${pageInfo.cpage -1 <= 0}">
            <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;line-height: 20px;border: none;border-radius: 5px;" value="上一页">
        </span>
        <span th:if="${pageInfo.cpage < pageInfo.totalPage}">
            <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;border: none;line-height: 20px;border-radius: 5px;" class="btn preBtn" th:onclick="|serach(${pageInfo.cpage}+1)|" value="下一页">
        </span>
        <span th:if="${pageInfo.cpage==pageInfo.totalPage}">
            <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;line-height: 20px;border: none;border-radius: 5px;" value="下一页">
        </span>
        <input type="button" style="background-color: whitesmoke; width: 60px;height: 40px;text-align: center;border: none;line-height: 20px;border-radius: 5px;" class="btn preBtn" th:onclick="|serach(${pageInfo.totalPage})|" value="尾页">
    </div>
</body>
</html>